/**
* 查看人员档案
*/
<template>
    <div class="layout-parent w100">
        <el-tabs>
            <el-tab-pane :label="$t('tabs.basicInfo')">
                <template #label><vp-label zh="基本信息" en="Basic Info" /></template>
                <PersonnelFile :id="id" type="view" ref="courseRef" @formSubmited="getData"></PersonnelFile>
            </el-tab-pane>
            <el-tab-pane :label="$t('tabs.operationRecord')">
                <template #label><vp-label zh="操作记录" en="Operation Record" /></template>
                <VpOperationRecordCard :id="formData.id" ref="rcListRef"></VpOperationRecordCard>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script lang="ts" setup name="auditTrainingCourse">
import { defineAsyncComponent, defineExpose, ref } from 'vue';
import VpOperationRecordCard from '/@/components/vp/operationRecord/VpOperationRecordCard.vue';

const PersonnelFile = defineAsyncComponent(() => import('./PersonnelFile.vue'));

const emits = defineEmits<{
    (e: 'formSubmited'): void
}>();

const props = defineProps<{
    id: String,
}>();

const courseRef = ref();
const formData = ref({
    id: "",
    zid: "",
});

const getData = (data: any) => {
    formData.value = data;
};


defineExpose({
})
</script>
<style scoped lang="scss"></style>
